.transform-setting {
    display: flex;

    &-left {
        display: flex;
        flex-direction: column;
        width: 225px;
        height: 100%;

        h3 {
            position: relative;
            margin-bottom: 14px;
            padding-left: 11px;
            color: #33302d;
            font-family: PingFangSC-Regular, 'PingFang SC';
            font-size: 14px;
            font-weight: 400;

            &::before {
                position: absolute;
                top: 0;
                left: 0;
                width: 3px;
                height: 100%;
                content: '';
                border-radius: 2px;
                background: #ff6b00;
            }
        }

        ul {
            flex: 1;
            border-right: 1px solid #eaeaea;

            li {
                display: flex;
                align-items: center;
                height: 48px;
                padding-left: 16px;
                color: #33302d;
                cursor: pointer;
                font-family: PingFangSC-Regular, 'PingFang SC';
                font-size: 14px;
                font-weight: 400;

                &.active {
                    background-color: #fdefe5;
                }

                .el-image-icon {
                    width: 13px;
                    height: 15.6px;
                    margin-right: 8px;
                }
            }
        }
    }

    &-right {
        box-sizing: border-box;
        width: calc(100% - 225px);

        .open-setting-form {
            padding: 28px 46px;
            font-size: 14px;

            :deep {
                .el-form-item__label {
                    color: #333;
                    font-family: PingFangSC-Regular, 'PingFang SC';
                    font-weight: 400;
                }

                .el-input__inner {
                    color: #999;
                }

                .el-input__wrapper {
                    padding: 0 10px;
                }

                .el-form-item__label::before {
                    margin-left: -12px;
                }
            }

            .tip {
                margin-left: 8px;
                color: #999;
                font-family: PingFangSC-Regular, 'PingFang SC';
                font-weight: 400;
            }

            .money-points-item {
                & > {
                    :deep {
                        .el-form-item__content {
                            display: flex;
                            align-items: center;
                        }
                    }
                }
            }

            .custom-number-input {
                width: 90px;
                margin: 0 8px;
            }

            &-submit {
                width: 80px;
                margin-top: 41px;
                color: #fff;
                border-radius: 4px;
                background: #ff6b00;
                font-family: PingFangSC-Regular, 'PingFang SC';
                font-size: 14px;
                font-weight: 400;
            }
        }
    }
}
